<div class="wrapper row-offcanvas row-offcanvas-left">
    <!-- Left side column. contains the logo and sidebar -->
    <?php $this->load->view('admin/leftside'); ?>

    <!-- Right side column. Contains the navbar and content of the page -->
    <aside class="right-side">
<!--         Content Header (Page header) -->
<!--                        <section class="content-header">-->
<!--                            <h1>-->
<!--                                Dashboard-->
<!--                                <small>Control panel</small>-->
<!--                            </h1>-->
<!--                            <ol class="breadcrumb">-->
<!--                                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>-->
<!--                                <li class="active">Dashboard</li>-->
<!--                            </ol>-->
<!--                        </section>-->

        <!-- Main content -->
        <section class="content">

            <div class="form-box" id="login-box">

                <?php if(validation_errors() ){ ?>
                <div class="alert alert-danger alert-dismissable" style="margin-left: 0px;">
                    <i class="fa fa-ban"></i>
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <?php  echo validation_errors();  ?>
                </div>
                <?php }else{
                if($message){ ?>
                    <?php  echo $message;  ?>
                    <?php  } ?>
                <?php  } ?>

                <!--                            <div class="alert alert-success alert-dismissable" style="margin-left: 0px;">-->
                <!--                                <i class="fa fa-check"></i>-->
                <!--                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>-->
                <!--                                <b>Alert!</b> Success alert preview. This alert is dismissable.-->
                <!--                                    You have successfully logged in !-->
                <!--                            </div>-->


                <div class="header"><?php echo $title; ?> &nbsp<i class="fa fa-user"></i></div>
                <form action="<?php echo base_url(); ?>admin/login" method="post">
                    <div class="body bg-gray">

                        <div class="form-group">
                            <input type="text" name="userid" class="form-control" placeholder="Username" value="<?php echo set_value('userid');?>"/>
                        </div>
                        <div class="form-group">
                            <input type="password" name="password" class="form-control" placeholder="Password"/>
                        </div>
                        <div class="form-group">
                            <input type="checkbox" name="remember_me"/> Remember me
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn bg-olive btn-block"><i class="fa fa-hand-o-right"></i>&nbsp Sign me in</button>
                        </div>

                    </div>
                <div class="footer">                                                               
                    <p><a href="#">I forgot my password</a></p>
                    <a href="register.html" class="text-center">Register a new membership</a>
                </div>
                </form>
                <div class="margin text-center">
                <span>Sign in using social networks</span>
                <br>
                <button class="btn bg-light-blue btn-circle"><i class="fa fa-facebook"></i></button>
                <button class="btn bg-aqua btn-circle"><i class="fa fa-twitter"></i></button>
                <button class="btn bg-red btn-circle"><i class="fa fa-google-plus"></i></button>

            </div>

            </div>

            <!-- Small boxes (Stat box) -->
            <!-- /.row -->

            <!-- Main row -->
            <!-- /.row (main row) -->

        </section><!-- /.content -->
    </aside><!-- /.right-side -->
</div>